<template>
  <div class="dialogs">
    <EventReport v-if="dialogs.event.report" />
    <NoticeShow v-if="dialogs.notice.show" />
    <UserUpdate v-if="dialogs.user.update" />
    <!-- 动态组件 -->
    <!-- <component :is="UserLogout"></component> -->
  </div>
</template>

<script setup>
import EventReport from './components/event/eventReport.vue' // 事件报告
import NoticeShow from './components/notice/noticeShow.vue' // 公告管理
import UserUpdate from './components/user/userUpdate.vue' // 用户改密
import { onMounted, onUnmounted } from 'vue'
import { useDialogsStore } from '@/stores/dialogs' // 使用pinia
const { dialogs } = useDialogsStore()
onMounted(() => {})
</script>

<style scoped>
.dialogs {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  z-index: 999;
}
/* 统一设置全部对话框的标题字体大小 */
:global(.el-dialog__title) {
  font-size: 28px;
  font-weight: bold;
}
:global(.el-drawer__title) {
  font-size: 28px;
  font-weight: bold;
}
</style>
